<template>
	<div class="bg-white">
		
		
		<div class="shadow rounded overflow-hidden mt-3">
			<div class="bg-main p-2">
				<span>分账记录信息</span>
			</div>
				<div>
					<Row class="">
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
								<div>教练名称</div>
								<div>{{fzjl.jlname}}</div>
							</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
								<div>分销目标客户名称</div>
								<div>{{client.nc}}</div>
							</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
								<div>金额</div>
								<div>{{fzjl.amount}}</div>
							</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
								<div>分销比例</div>
								<div>{{fzjl.tqper}}</div>
							</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
								<div>级别</div>
								<div>{{fzjl.level}}</div>
							</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
								<div>分销金额</div>
								<div>{{fzjl.fxje}}</div>
							</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
								<div>发生日期</div>
								<div>{{fzjl.ct}}</div>
							</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
								<div>教练审核</div>
								<div v-if="fzjl.stu == 'C'">已发生</div>
								<div v-if="fzjl.stu == 'T'">已同意</div>
								<div v-if="fzjl.stu == 'J'">已驳回</div>
							</div>
						</Col>
					
					</Row>
				</div>
		</div>
		
		<div class="shadow rounded overflow-hidden mt-3">
			<div class="bg-main p-2">
				<span>报名信息</span>
			</div>
				<div>
					<Row class="">
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
								<div>客户名</div>
								<div>{{client.nc}}</div>
							</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
								<div>课程名称</div>
								<div>{{aclientbm.kcmc}}</div>
							</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
								<div>课程价格</div>
								<div>{{aclientbm.price}}</div>
							</div>
						</Col>
						<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
						<div class="bg-qingbai rounded  p-2">
								<div>创建时间</div>
								<div>{{aclientbm.ct}}</div>
							</div>
						</Col>
					</Row>
				</div>
		</div>
		
		<div class="shadow rounded overflow-hidden mt-3">
			<div class="bg-main p-2">
				<span>会员记录信息</span>
			</div>
			<div>
				<Row class="">
					<Col v-for="(ahyjl,index) in ahyjl" :key="index"
					class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="shadow rounded p-2">
						<div class="d-flex justify-content-between">
							<span>会员类型名称</span>
							<span>{{ahyjl.hlname}}</span>
						</div>
						<div class="d-flex justify-content-between">
							<span>客户昵称</span>
							<span>{{client.nc}}</span>
						</div>
						<div class="d-flex justify-content-between">
							<span>购买日期</span>
							<span>{{ahyjl.cd}}</span>
						</div>
						<div class="d-flex justify-content-between">
							<span>生效日期</span>
							<span>{{ahyjl.sd}}</span>
						</div>
						<div class="d-flex justify-content-between">
							<span>结束日期</span>
							<span>{{ahyjl.ed}}</span>
						</div>
						<div class="d-flex justify-content-between">
							<span>周期</span>
							<span>{{ahyjl.zq}}</span>
						</div>
						
					</div>
					</Col>
				</Row>
			</div>
		</div>
		


	</div>
</template>

<script>
	export default {
		data() {
			return {
				fzjl:{
					fzjlid: "",
					clientid: "",
					fxclientid: "",
					bmid: "",
					hyjlid: "",
					amount: "",
					fxrid: "",
					tqper: "",
					level: "",
					fxje: "",
					jlid: "",
					jlname: "",
					ct: "",
					stu: "",
				},
				aclientbm:{
					bmid: "",
					clientid: "",
					kcid: "",
					kcmc: "",
					price: "",
					ct: "",
				},
				client:{
					clientid: "",
					nc: "",
					fromid: "",
				},
				ahyjl:[{
					clientid: "",
					hylxid: "",
					hlname: "",
					cd: "",
					sd: "",
					ed: "",
					zq: "",
				}],
				}
			},
		created: function() {
			this.fzjl.fzjlid = this.$route.query.id;
			this.loadData();
		},
		mounted: function() {},
		methods: {
			loadData: function() {
				return this.http.get({
					url: "/fzjl/info",
					param: {
						fzjlid: this.fzjl.fzjlid
					}
				}).then(res => {
					this.fzjl = res.fzjl;
					this.aclientbm = res.aclientbm
					this.client = res.client
					this.ahyjl = res.ahyjl
				});
			},
			
		},
	}
</script>

<style>
</style>